import {useState} from "react";

function App() {
    /*
    * 组件初始化的数据
    * */
    const [count, setCount] = useState(10)
    const [age, setAge] = useState(23)

    /*
    * 修改组件数据的方法
    * */
    const changeCount = () => {
        setCount(count + 1)
    }

    const changeAge = () => {
        setAge(17)
    }

    /*
    * 相当于Vue的计算属性
    * */
    const isAdult = () => age >= 18 ? '成年' : '未成年'

    return (
        <div className="App">
            <h1 onClick={changeCount}>count的值为:{count}</h1>
            <h1 onClick={changeAge}>是否成年:{isAdult()}</h1>
            <h1>{count+age}</h1>
        </div>
    );
}

export default App;
